<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TA交易结算</title>
    <!--layui的CSS样式-->
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <!--layui的js-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <!--第三方下拉表格js-->
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <!--自己js的路径-->
    <script type="text/javascript" src="./js/taSettlement.js"></script>
</head>
<body>
<script type="text/html" id="userToolBar">
    <div style="margin-top: 0px;margin-left: 0px" >
        <!--  form表单  -->
        <!--   采用用户的名字来进行模糊查询-->
        <form class="layui-form layui-col-space5">
            <!--        选择日期，没有写底层，只是写了日期框的组件-->
            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label" style="width: 90px;text-align: center">交易日期</label>

                <div class="layui-inline layui-show-xs-block" style="width: 130px">
                    <input class="layui-input dateStr1" autocomplete="off" placeholder="交易日期" name="dealTime" id="dealTime1">
                </div>
            </div>

            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label layui-bg-gray" style="width: 90px;text-align: center">交易类型</label>
            </div>
            <div class="layui-inline layui-show-xs-block" style="width: 130px">
                <select name="dealType" id="dealType">
                    <option placeholder="请选择"></option>
                    <option value="3">认购</option>
                    <option value="2">赎回</option>
                    <option value="1">申购</option>
                </select>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-primary"  lay-submit="" lay-event="select" lay-filter="select"><i class="layui-icon">&#xe615;</i>搜索</button>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-normal" type="button" onclick="return false"  lay-submit="settlement" lay-filter="search" lay-event="search" name="settlement" id="settlement" ><i class="layui-icon">&#xe654;</i>结算</button>
            </div>
        </form>
        <ul class="layui-tab-title">
            <li style="color: red" lay-id="1">未结算</li>
            <li lay-id="2">已结算</li>
        </ul>
    </div>
</script>

<script type="text/html" id="userToolBar2">
    <div style="margin-top: 0px;margin-left: 0px" >
        <!--  form表单  -->
        <!--   采用用户的名字来进行模糊查询-->
        <form class="layui-form layui-col-space5">
            <!--        选择日期，没有写底层，只是写了日期框的组件-->
            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label" style="width: 90px;text-align: center">交易日期</label>

                <div class="layui-inline layui-show-xs-block" style="width: 130px">
                    <input class="layui-input dateStr2" autocomplete="off" placeholder="交易日期" name="dealTime" id="dealTime2x">
                </div>
            </div>

            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label layui-bg-gray" style="width: 90px;text-align: center">交易类型</label>
            </div>
            <div class="layui-inline layui-show-xs-block" style="width: 130px">
                <select name="dealType" id="dealType1">
                    <option placeholder="请选择"></option>
                    <option value="3">认购</option>
                    <option value="2">赎回</option>
                    <option value="1">申购</option>
                </select>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-primary"  lay-submit="" lay-event="select" lay-filter="select"><i class="layui-icon">&#xe615;</i>搜索</button>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-normal" type="button" onclick="return false"  lay-submit="settlement" lay-filter="search2" lay-event="search2" name="settlement" id="settlement1" ><i class="layui-icon">&#xe654;</i>反结算</button>
            </div>
        </form>
        <ul class="layui-tab-title">
            <li lay-id="1">未结算</li>
            <li lay-id="2" style="color: red" >已结算</li>
        </ul>
    </div>
</script>

<!--渲染表格层-->
<div class="layui-tab" lay-filter="test">
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <!--表格-->
            <table id="userTable" lay-filter="userTable"></table>
        </div>
        <div class="layui-tab-item">
            <table id="userTable2" lay-filter="userTable2"></table>
        </div>
    </div>
</div>

</body>
</html>